@charset "UTF-8";
@import 'color.scss';
@import 'default.scss';


*{
	margin: 0 auto;
	body{
		width: 70.28%;
	}
}


@mixin default-table{
	// border: 1px solid transparent;
	border-spacing: 0px;
	font-size: 14px;
	min-width: 40%;
	min-height: 40px;
	thead{
		background-color: $ashen !important;
		min-height: 18px;
		font-weight: bold;
	}
	tfoot{
		td{
				border-bottom: none !important;
		}
	}
	tr,thead,tfoot{
		// *background-color:expression(this.previousSibling==null?"none":"#{$ashen}");
		// border-bottom: 1px solid $dark;
		min-height: 18px;
		td{
			text-align: center;
			line-height: 100%;
			// border: 1px solid $dark;
			border-bottom: 1px solid $dark;
			// border-left: 1px solid $dark;
			// &:first-child{
			// 	border-left: none;
			// }
		} 
	}
}

/*默认表格样式default table style*/
.table{
	@include default-table;
}


/*相册封面*/
.image,.picture,.photo{
	width: 160px;
	height: 90px;
	overflow: hidden;
	img{
		width: 100% !important;
		position: relative !important;
		overflow: hidden !important;
	}
	&.tile{
		position: relative !important;
		width: 160px;
		height: 90px;
		span{
			z-index: 1;
			height: 18%;
			line-height: 100%;
			font-size: 12px;
			width: 100% !important;
			bottom: 0;
			left: 0;
			position: absolute !important;
			color: $darker;
			background-color: $ashen;
			padding: 2px 0 0 2px;
			@include BgTransparent(0.7,80);
		}
	}
}

.commodity{
	width: 200px;
	.img{
		width: 200px;
		height: 200px;
		overflow: hidden;
		position: relative;
		div{
			position: relative;			
			img{
				position: relative;
				display: block;
				width: 200px;
				height: 200px;
			}
		}
	}
	.detail{
		width: 196px;
		padding: 2px 0 2px 4px;
		background-color: $inst;
		color: $ink;
		font-size: 12px;
		overflow: hidden;
		span{
			&:first-child{
				color: $red;
				margin-right: 5px;
				font-weight: bold;
			}
			white-space: normal;
			word-spacing: normal;
			// word-break:break;
			word-wrap:break-word;
        	word-break:break-all;
		}
		div{
			&:last-child{
				font-weight: bold;
			}
		}
	}
}

// .pictureWall{
// 	color: $ashen;
// 	font-size: 12px;
// 	width: 100%;
// 	// max-height: 100%;
// 	height: 26.69%;
// 	// overflow: hidden;
// 	position: relative;
// 	// background-color: $gold;
// 	// height: 205px;
// 	.banner{
// 		position: relative ;
// 		width: 100%;
// 		height: 100%;
// 		overflow: hidden;


// 		// position:relative; width:478px; height:286px; border:1px solid #666; overflow:hidden;
// 		.bannerList{
// 			width: 100%;
// 			// height: 100%;
// 			// min-height: 100%;
// 			position: relative;
// 			// height: 100%;
// 			// top:1000px;
// 			white-space:nowrap; /*强制不换行*/
// 			a{
// 				// position: absolute;
// 			}
// 			img{
// 				// margin: 0;
// 				display: inline;
// 				position: relative;
// 				width: 100%;
// 				height: 100%;
// 			}
// 		}
// 	}
// 	.sequence{
// 		position: absolute;
// 		bottom: 5%;
// 		right: 5%;
// 		li{	
// 			position: relative;
// 			float: left;
// 			margin-left: 5px;
// 			text-align: center;
// 			width: 15px;
// 			height: 15px;
// 			list-style: none;
// 			border: 1px solid $gold;
// 			cursor: pointer;
// 			&:first-child{
// 				margin-left:0; 
// 			}
// 			&:hover{
// 				background-color: $dark;
// 				color: $white;
// 			}
// 		}
// 	}
// }



.tltleinput{
	font-size: 14px;
	color: red;
	span{
		// min-width:20px; 
		margin-right:8px; 
	}
	input{
		margin-left: 5px;
	}

}